import { createRouter, createWebHistory } from 'vue-router'
import Login from '@/views/Login/index.vue'
import Layout from '@/views/Layout/index.vue'

import Home from '@/views/Home/index.vue'
import Category from '@/views/Category/index.vue'
import SubCategory from '@/views/SubCategory/index.vue'
import Detail from '@/views/Detail/index.vue'
import CartList from '@/views/CartList/index.vue'
import Checkout from '@/views/Checkout/index.vue'
import Pay from '@/views/Pay/index.vue'
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      component: Layout,
      children:[
        {
          path: '',
          component: Home,
        },
        {
          path:'category/:id', // 子路由，不需要添加/
          component: Category,
        },
        {
          path:'category/sub/:id', // 子路由，不需要添加/
          component: SubCategory,
        },
        {
          path: 'detail/:id', // 详情路由.
          component: Detail,
        },
        {
          path: 'cartlist',   // 购物车界面
          component: CartList,
        },
        {
          path: 'checkout',   // 订单页面
          component: Checkout,
        },
        {
          path: 'pay',    // 支付页面
          component: Pay,
        }
      ]
    },
    {
      path: '/login',
      component: Login,
    }
  ],
  // 切换路由后，回到顶部;
  scrollBehavior (to, from, savedPosition) {
    return {
      top: 0
    }
  }
})
export default router
